<template>
  <div>
    <bread class="filter">
      <h1>纵向项目导入与审核</h1>
    </bread>
    <pageContent isCard>
      <div class="page-wrap">
        <ul>
          <li>
            <div class="icon">
              <i class="iconfont icon-home"></i>
            </div>
            <h5>批量导入</h5>
            <p>您可导入项目立项公示名单表，系统将自动解析本单位项目及项目相关主持人。</p>
            <div class="footer" @click="toImport">
              <p>立即导入</p>
            </div>
          </li>
          <li class="add-pro">
            <div class="icon">
              <i class="iconfont icon-home"></i>
            </div>
            <h5>单项添加</h5>
            <p>您可单独新增一个纵向项目，新增成功后系统将自动通知项目主持人。</p>
            <div class="footer">
              <p>+添加项目</p>
            </div>
          </li>
          <li class="examine">
            <div class="icon">
              <i class="iconfont icon-home"></i>
            </div>
            <h5>审核项目</h5>
            <p>审核老师自行提交的纵向项目申请，项目审核通过后才可进入学校项目库。</p>
            <div class="footer" @click="to">
              <p>进入审核目录<el-badge class="mark" :value="56" /></p>
            </div>
          </li>
        </ul>
      </div>
    </pageContent>
  </div>
</template>

<script>

export default {
  name: 'hello',
  data () {
    return {

    }
  },
  methods: {
    toImport () {
      this.$router.push('/index/project-management/bulk-import')
    },
    to () {
      this.$router.push('/index/project-management/audit-project/id/1')
    }
  },
  components: {
  }
};
</script>
<style scoped lang="scss">
  @import './index.scss';
</style>
